<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="key" content="码动未来,专注IT职业教育,大数据,人工智能,JAVA大数据,WEB前端,H5应用,小程序,PHP,在线教育,线下教育,校企合作,北京培训,HTML,月薪过万">
    <title>码动未来-专注IT职业教育-大数据-人工智能-JAVA大数据-WEB前端-H5应用-小程序-PHP-PYTHON-JAVASCRIPT-HTML</title>
    <link rel="stylesheet" href="/styles/vendor.css">
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/style1.css">

</head>

<body>
    <div class="head">
    <div class="container clearfix">
        <a class="logo lazy block" href="/">
            <img src="./images/20181031_08.jpg" title="码动未来_CodingTheFuture" alt="码动未来_CodingTheFuture_最好的前端教育_线下培训">
        </a>
        <ul class="nav clearfix">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">课程体系</a></li>
            <li><a href="">名师介绍</a></li>
            <li><a href="">校企合作</a></li>
            <li><a href="">课程案例</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>
    <div class="banner" style="background-color:#03112c">
        <div class="container pr">
            <div class="swiper-container" id="swiper1">
                <div class="swiper-wrapper">
                    <a class="swiper-slide block lazy">
                        <img class="lazy_img auto" src="/images/blank.gif" data-original="/images/20181031_11.jpg" alt="快速掌握机器学习、数据分析" data-color="#03112c">
                    </a>
                    <a class="swiper-slide block lazy">
                        <img class="lazy_img auto" src="/images/blank.gif" data-original="/images/20181031_12.jpg" alt="快速上手人工智能课程，成为IT稀缺人才" data-color="#00008a">
                    </a>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="coure-nav">
                <ul class="items">
                    <li class="item mt15">
                        <a href="">
                            <i class="ic ic-dashuju"></i> 
                            <span>大数据分析</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-qukuailian"></i>
                            <span>区块链</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-rengongzhineng"></i>
                            <span>人工智能</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-h"></i>
                            <span>WEB全栈工程师</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-yidongkaifa"></i>
                            <span>移动开发高级工程师</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-php"></i>
                            <span>PHP高级软件工程师</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="">
                            <i class="ic ic-Python"></i>
                            <span>Python高级工程师</span>
                            <div class="fr">
                                <i class="ic ic-unie657"></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container box1">
        <div class="main-title">码动未来全品类IT职业课程 <span class="text-blue">紧跟企业需求</span></div>
        <div class="main-sub">毕业更有岗位推荐，轻松就业不用愁</div>
        <ul class="coures clearfix">
            <li class="coure">
                <div class="card">
                    <div class="card-title">线下入学即签就业协议</div>
                    <div class="img lazy">
                        <img class="lazy_img auto" data-original="./images/20181031_04.jpg" src="./images/blank.gif" alt="">
                    </div>
                    <div class="divied"></div>
                    <div class="card-sub">
                        <p class="mt40">签订保就业协议</p>
                        <p>不就业全额退，放心学</p>
                    </div>
                </div>
            </li>
            <li class="coure">
                <div class="card">
                    <div class="card-title">手握真实项目，告别虚伪经验</div>
                    <div class="img lazy">
                        <img class="lazy_img auto" data-original="./images/20181031_05.jpg" src="./images/blank.gif" alt="">
                    </div>
                    <div class="divied"></div>
                    <div class="card-sub">
                        <p class="mt40">每个阶段项目均是企业一线项目</p>
                        <p>向低质量项目经验说再见</p>
                    </div>
                </div>
            </li>
            <li class="coure">
                <div class="card">
                    <div class="card-title">适合各阶层学习 打造专属课程</div>
                    <div class="img lazy">
                        <img class="lazy_img auto" data-original="./images/20181031_06.jpg" src="./images/blank.gif" alt="">
                    </div>
                    <div class="divied"></div>
                    <div class="card-sub">
                        <p class="mt40">入学先懂你</p>
                        <p>小白也能变大神</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="box2 lazy_img" data-original="./images/20181031_07.jpg">
        <div class="container pdb60">
            <div class="main-title text-white"><span class="text-blue">特色的授课方式</span> 铸就行业更高品质</div>
            <div class="main-sub">为莘莘学子改变命运而讲课，为千万学生少走弯路而著书！</div>
            <div class="special clearfix mt30 pr">
                <ul class="pa">
                    <li class="item ani-left">团队式学习</li>
                    <li class="item ani-left">激励式学习</li>
                    <li class="item ani-left">TS学习模式</li>
                    <li class="item ani-left">重修辅助</li>
                    <li class="item ani-left">趣味式课堂</li>
                </ul>
                <div class="big-cicle lazy_img" data-original="./images/20181031_03.png"></div>
                <div class="small-cicle">
                    <div class="img-cicle lazy">
                        <img class="lazy_img auto" data-original="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541866309713&di=ae85832b0cd4d84b5d62ebc383a4c433&imgtype=0&src=http%3A%2F%2Fshp.qpic.cn%2Fqqvideo_ori%2F0%2Fu0718tyjxos_496_280%2F0" src="./images/blank.gif" alt="">
                    </div>
                </div>
                <ul class="pa" style="top:0;right:0">
                    <li class="item ani-right">企业级项目导学</li>
                    <li class="item ani-right">40人小半授课</li>
                    <li class="item ani-right">终身知识售后更新</li>
                    <li class="item ani-right">线上、线下双线共同辅导</li>
                    <li class="item ani-right">线下免费零食</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="box3 container">
        <div class="main-title">你所关心的才是王道</div>
        <div class="main-sub">每入学10名学员，就有7名来自老学员推荐，5年间，我们见证了口碑的力量！</div>
        <ul class="clearfix">
            <li class="item">
                <div class="shadow">
                    <table>
                        <thead>
                            <tr>
                                <th width="10%">姓名</th>
                                <th>就业单位</th>
                                <th>就业地点</th>
                                <th>薪资</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                            <tr>
                                <td>张*</td>
                                <td>星宇无限科技（北京）有限公司</td>
                                <td>北京</td>
                                <td>18k</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </li>
            <li class="item">
                <div class="shadow">
                    <div class="swiper-container" id="swiper2">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide">
                                <img class="lazy_img" data-original="./images/WechatIMG68.jpeg" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，保证月薪1万起">
                            </a>
                            <a class="swiper-slide">
                                <img class="lazy_img" data-original="./images/WechatIMG69.jpeg" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，保证月薪1万起">
                            </a>
                            <a class="swiper-slide">
                                <img class="lazy_img" data-original="./images/WechatIMG70.jpeg" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，保证月薪1万起">
                            </a>
                            <a class="swiper-slide">
                                <img class="lazy_img" data-original="./images/WechatIMG71.jpeg" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，保证月薪1万起">
                            </a>
                            <a class="swiper-slide">
                                <img class="lazy_img" data-original="./images/WechatIMG72.jpeg" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，保证月薪1万起">
                            </a>
                        </div>
                        <div class="swiper-pagination2"></div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="box4">
        <div class="main-title">最新的企业真实项目才是你的努力方向</div>
        <div class="main-sub">拒绝虚假仿版项目，让真实项目促进成材</div>
        <div class="swiper-container" id="swiper3">
            <div class="swiper-wrapper">
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_01.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，精品实战项目等你来战">
                </a>
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_02.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，高口碑零差评">
                </a>
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_03.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，精品实战项目等你来战">
                </a>
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_04.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，精品实战项目等你来战">
                </a>
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_05.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，精品实战项目等你来战">
                </a>
                <a class="swiper-slide">
                    <img class="lazy_img auto" data-original="./images/20181220_06.png" src="./images/blank.gif" alt="码动未来高薪就业，保证月薪1万起" title="码动未来高薪就业，精品实战项目等你来战">
                </a>
            </div>
        </div>
    </div>
    <div class="box5">
        <div class="main-title">最新的企业真实项目才是你的努力方向</div>
        <div class="main-sub">拒绝虚假仿版项目，让真实项目促进成材</div>
        <div class="select">
            <input type="radio" id="b1" value="1" name="tractor" checked='checked' />    
            <input type="radio" id="b2" value="2" name="tractor" />      
            <input type="radio" id="b3" value="3" name="tractor" />
            <input type="radio" id="b4" value="4" name="tractor" />
            <input type="radio" id="b5" value="5" name="tractor" />
            <nav>
                <label for="b1" class='fontawesome-camera-retro'>第一阶段课程</label>
                <label for="b2" class='fontawesome-film'>第二阶段课程</label>
                <label for="b3" class='fontawesome-calendar'>第三阶段课程</label>
                <label for="b4" class='fontawesome-list-alt'>第四阶段课程</label>
                <label for="b5" class='fontawesome-list-alt'>第五阶段课程</label>
            </nav>
            <article class='uno'>
                <p>第一课时</p>
            </article>
                  
            <article class='dos fontawesome-wrench'>
                <p>第二课时</p>
            </article>
                  
            <article class='tres fontawesome-file-alt'>
                <p>第三课时</p>
            </article>
                  
            <article class='cuatro fontawesome-copy'>
                <p>第四课时</p>
            </article>

            <article class='cuatros fontawesome-copy'>
                <p>第五课时</p>
            </article>
        </div>
    </div>
    
<div class="footer">
    <div class="container">
        <ul class="clearfix">
            <li class="fl">
                <p class="title">联系方式</p>
                <a class="block a-hover" rel="nofollow" href="mailto:mdwl_hr@madongweilai.com.cn"><i class="ic ic-xitongtubiaoicon"></i> mdwl_hr@madongweilai.com.cn</a>
                <a class="block a-hover" rel="nofollow" href="tel:17701328903"><i class="ic ic-dianhua"></i> 17701328903</a>
                <p><i class="ic ic-dizhi"></i> 北京市海淀区西四环北路158号</p>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=289016408&site=qq&menu=yes" class="block a-hover" target="_blank" rel="nofollow"><i class="ic ic-QQ"></i> 点击QQ联系客服</a>
            </li>
            <li class="fl">
                <p class="title">友情链接</p>
                <a class="block a-hover" target="_blank" href="https://www.baidu.com" rel="nofollow">百度搜索</a>
                <a class="block a-hover" target="_blank" href="http://www.chinasofti.com/" rel="nofollow">中软国际</a>
                <a class="block a-hover" target="_blank" href="https://www.qq.com/" rel="nofollow">腾讯门户</a>
                <a class="block a-hover" target="_blank" href="http://www.shougang.com.cn/" rel="nofollow">首钢集团</a>
                <a class="block a-hover" target="_blank" href="https://www.bilibili.com/" rel="nofollow">哔哩哔哩</a>
            </li>
            <li class="fl">
                <p class="title">服务项目</p>
                <p>校企合作</p>
                <p>互联网技术方案解决指导</p>
                <p>企业培训</p>
                <p>校内培训</p>
                <p>大数据云分析实验室</p>
            </li>
            <li class="fl">
                <div class="logo">
                    <img src="./images/20181031_02.png" alt="码动未来_java_web_大数据分析_人工智能">
                </div>
                <div class="erweima mt60">
                    <img src="./images/20181031_09.jpg" alt="码动未来客服微信" title="码动未来客服微信">
                    <img src="./images/20181031_10.jpg" alt="码动未来官方微信号" title="码动未来官方微信号">
                </div>
            </li>
        </ul>
    </div>
    <div class="bottom tc">
        北京趣美互动科技有限公司 版权所有
    </div>
</div>

<script src="/scripts/vendor.js"></script>
<script src="/scripts/main.js"></script>
    <script>
    var page = Page({
        onReady : function(){
            this.swiper1()
            this.swiper2()
            this.swiper3()
        },
        swiper1 :function(){
            var swiper1 = new Swiper('#swiper1',{
                loop: true,
                autoplay : 3000,
                paginationClickable :true,
                autoplayDisableOnInteraction:false,
                pagination : '.swiper-pagination',
                onSlideChangeEnd : function(swiper){
                    $(window).scroll()
                    var color = $(swiper.visibleSlides[0]).find('img').data('color')
                    $('.banner').css({
                        backgroundColor : color
                    })
                }
            });
        },
        swiper2:function(){
            var swiper1 = new Swiper('#swiper2',{
                loop: true,
                autoplay : 3000,
                calculateHeight : true,
                paginationClickable :true,
                pagination : '.swiper-pagination2',
                onSlideChangeEnd : function(swiper){
                    $(window).scroll()
                }
            });
        },
        swiper3:function(){
            var swiper1 = new Swiper('#swiper3',{
                loop: true,
                autoplay : 3000,
                calculateHeight : true,
                tdFlow: {
                    rotate : 30,
                },
                slidesPerView: 3,
                onSlideChangeEnd : function(swiper){
                    $(window).scroll()
                }
            })
        },
    })
    </script>
</body>

</html>